<template>
	<view class="wrap">
		<view class="section_9 flex-col">
			<view class="box_4 flex-row justify-between">
				<image class="single-avatar_1" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/076c7b9d4c13521584067878e45d860e" />
				<view class="block_6 flex-col justify-between">
					<view class="section_10 flex-row justify-between">
						<text class="text_17">季节电影</text>
						<view class="tag_1 flex-col">
							<text class="text_18">金卡会员</text>
						</view>
					</view>
					<text class="text_19">您将享受金卡会员权益</text>
				</view>
			</view>
			<view class="box_5 flex-row">
				<view class="text-wrapper_10 flex-col justify-between">
					<text class="text_20">13</text>
					<text class="text_21">您推荐人数</text>
				</view>
				<image class="image_14" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/aeb2a33f3b1dac11908e9f9f0fa6d239" />
				<view class="text-wrapper_11 flex-col justify-between">
					<text class="text_22">87</text>
					<text class="text_23">分享券剩余数</text>
				</view>
				<image class="image_15" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/eff32d3c54cd535b0dee6afa50de5ec2" />
				<view class="text-wrapper_12 flex-col justify-between">
					<text class="text_24">13</text>
					<text class="text_25">分享已使用数</text>
				</view>
				<image class="image_16" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/2025b96d54801dba1554af8ca14745be" />
				<view class="text-wrapper_13 flex-col justify-between">
					<text class="text_26">5</text>
					<text class="text_27">选¥500元镜框次数</text>
				</view>
			</view>

		</view>
		<!-- card1 -->
		<view class="section_11 flex-col">
			<view class="text-wrapper_14">
				<text class="text_28">您已成功推荐</text>
				<text class="text_29">3</text>
				<text class="text_30"></text>
				<text class="paragraph_15">
					个好友
					<br />
					再推荐
				</text>
				<text class="text_31">2</text>
				<text class="text_32">个</text>
			</view>
			<image class="image_17" referrerpolicy="no-referrer"
				src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/c47ed41ff0844fb59f5d37db8ab6e97f_mergeImage.png" />
			<view class="section_12 flex-col">
				<view class="text-wrapper_15">
					<text class="text_33">将立返消费本金&nbsp;&nbsp;￥</text>
					<text class="text_34">500</text>
					<text class="text_35">元</text>
				</view>
			</view>
			<image class="image_18" referrerpolicy="no-referrer"
				src="../../static/images/vipcard/xx.png" />
		</view>
		<!-- card2 -->
		<view class="block_2 flex-col">
			<view class="text-wrapper_1 flex-row justify-between">
				<text class="text_1">推荐排行榜</text>
				<text class="text_2">推广攻略</text>
			</view>
			<view class="box_2 flex-row">
				<view class="image-text_1 flex-col justify-between" v-for="(item,index) in 5">
					<view class="image-wrapper_1 flex-col align-center">
						<image class="image_1" referrerpolicy="no-referrer"
							src="https://lanhu.oss-cn-beijing.aliyuncs.com/11bdb3abd6ad643f81e737cd52fb13c2" />
					</view>
					<text class="text-group_1">
						大海
						<br />
						*****
					</text>
				</view>

			</view>
		</view>
		<!-- tab -->
		<view class="tabs_1 flex-row">
			<text :class="[{'tab-left-active':tabActive},' text_14']" @click="tabActive = true">我的佣金</text>
			<text :class="[{'tab-right-active':!tabActive},' text_15']" @click="tabActive = false">排名查看</text>
		</view>
		<!-- 权益列 -->
		<view class="block_4 flex-col">
			<text class="text_3">金卡8大权益</text>
			<image class="image_4" referrerpolicy="no-referrer"
				src="https://lanhu.oss-cn-beijing.aliyuncs.com/1bb12c84da54ff59aa51be5b49e10142" />

			<view v-for="(item,index) in 10">
				<view class="section_1 flex-row justify-between">
					<image class="icon_1" referrerpolicy="no-referrer"
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/f810197845216e53362f4c9dd9be4b91" />
					<view class="text-wrapper_2">
						<text class="paragraph_2">
							获得1副¥500元眼镜，全场任选获得1副¥500元眼镜，全场任选
						</text>
						<br>
						<text class="text_4">价值：¥500元</text>
					</view>
				</view>
				<image class="image_5" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/b89b49239cbc67ca1ed74f9557dbd2b5" />
			</view>
			<button class="button_1 flex-col" @click="onClick_1">
				<text class="text_12">查看战略合伙人权益</text>
				<text class="icon_9">▼</text>
			</button>
			<view class="text_13">
				如您推荐战略合伙人请联系区域经理TEL：19928019611
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabActive: true,
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #1E1C1C;

		.wrap {
			padding: 30rpx;
		}

		.block_4 {
			background-color: rgba(47, 49, 55, 1);
			border-radius: 12px;
			width: 100%;
			padding-top: 40rpx;
			margin-top: 40rpx;

			.text_3 {
				background-image: linear-gradient(175deg,
						rgba(240, 210, 185, 1) 0,
						rgba(240, 210, 185, 0.980392) 0,
						rgba(244, 221, 196, 1) 41.28418%,
						rgba(241, 218, 194, 1) 100%,
						rgba(241, 218, 194, 1) 100%);
				width: 199rpx;
				height: 35rpx;
				overflow-wrap: break-word;
				color: rgba(135, 89, 64, 1);
				font-size: 36rpx;
				font-family: PingFangSC-Heavy;
				font-weight: 900;
				text-align: left;
				white-space: nowrap;
				line-height: 36rpx;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				margin: 35rpx 0 0 246rpx;
			}

			.image_4 {
				width: 634rpx;
				height: 3rpx;
				margin: 34rpx 0 0 40rpx;
			}

			.justify-between {
				display: flex;
			}

			.section_1 {
				width: 100%;
				padding: 10px 30px;
				box-sizing: border-box;
				padding-bottom: 0;

				.icon_1 {
					width: 81rpx;
					height: 80rpx;
				}

				.text-wrapper_2 {
					width: calc(100% - 101rpx);
					overflow-wrap: break-word;
					font-size: 0;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: left;
					padding-left: 20rpx;

					.paragraph_2 {
						width: 391rpx;
						height: 72rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}

					.text_4 {
						width: 391rpx;
						height: 72rpx;
						overflow-wrap: break-word;
						color: rgba(223, 169, 22, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}
				}
			}

			.image_5 {
				width: 634rpx;
				height: 3rpx;
				margin: 29rpx 0 0 40rpx;
			}

			.section_2 {
				width: 575rpx;
				height: 81rpx;
				margin: 34rpx 0 0 59rpx;

				.icon_2 {
					width: 81rpx;
					height: 81rpx;
				}

				.text-wrapper_3 {
					width: 463rpx;
					height: 72rpx;
					overflow-wrap: break-word;
					font-size: 0;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: left;
					line-height: 45rpx;
					margin-top: 5rpx;

					.paragraph_3 {
						width: 463rpx;
						height: 72rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}

					.text_5 {
						width: 463rpx;
						height: 72rpx;
						overflow-wrap: break-word;
						color: rgba(223, 169, 22, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}
				}
			}

			.image_6 {
				width: 634rpx;
				height: 3rpx;
				margin: 25rpx 0 0 40rpx;
			}

			.section_3 {
				width: 577rpx;
				height: 108rpx;
				margin: 29rpx 0 0 59rpx;

				.icon_3 {
					width: 81rpx;
					height: 81rpx;
				}

				.text-wrapper_4 {
					width: 464rpx;
					height: 108rpx;
					overflow-wrap: break-word;
					font-size: 0;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: left;
					line-height: 36rpx;

					.paragraph_4 {
						width: 464rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 36rpx;
					}

					.paragraph_5 {
						width: 464rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}

					.text_6 {
						width: 464rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 169, 22, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}
				}
			}

			.image_7 {
				width: 634rpx;
				height: 3rpx;
				margin: 30rpx 0 0 40rpx;
			}

			.section_4 {
				width: 574rpx;
				height: 108rpx;
				margin: 35rpx 0 0 61rpx;

				.icon_4 {
					width: 83rpx;
					height: 83rpx;
					margin-top: 13rpx;
				}

				.text-wrapper_5 {
					width: 463rpx;
					height: 108rpx;
					overflow-wrap: break-word;
					font-size: 0;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: left;
					line-height: 36rpx;

					.paragraph_6 {
						width: 463rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 36rpx;
					}

					.paragraph_7 {
						width: 463rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}

					.text_7 {
						width: 463rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 169, 22, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}
				}
			}

			.image_8 {
				width: 634rpx;
				height: 3rpx;
				margin: 22rpx 0 0 40rpx;
			}

			.section_5 {
				width: 566rpx;
				height: 108rpx;
				margin: 40rpx 0 0 64rpx;

				.icon_5 {
					width: 81rpx;
					height: 81rpx;
				}

				.text-wrapper_6 {
					width: 458rpx;
					height: 108rpx;
					overflow-wrap: break-word;
					font-size: 0;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: left;
					line-height: 36rpx;

					.paragraph_8 {
						width: 458rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 36rpx;
					}

					.paragraph_9 {
						width: 458rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}

					.text_8 {
						width: 458rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 169, 22, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}
				}
			}

			.image_9 {
				width: 634rpx;
				height: 3rpx;
				margin: 15rpx 0 0 40rpx;
			}

			.section_6 {
				width: 428rpx;
				height: 82rpx;
				margin: 48rpx 0 0 62rpx;

				.icon_6 {
					width: 81rpx;
					height: 81rpx;
				}

				.text-wrapper_7 {
					width: 318rpx;
					height: 72rpx;
					overflow-wrap: break-word;
					font-size: 0;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: left;
					line-height: 45rpx;
					margin-top: 10rpx;

					.paragraph_10 {
						width: 318rpx;
						height: 72rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}

					.text_9 {
						width: 318rpx;
						height: 72rpx;
						overflow-wrap: break-word;
						color: rgba(223, 169, 22, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}
				}
			}

			.image_10 {
				width: 634rpx;
				height: 3rpx;
				margin: 35rpx 0 0 40rpx;
			}

			.section_7 {
				width: 570rpx;
				height: 145rpx;
				margin: 33rpx 0 0 55rpx;

				.icon_7 {
					width: 81rpx;
					height: 81rpx;
					margin-top: 12rpx;
				}

				.text-wrapper_8 {
					width: 453rpx;
					height: 145rpx;
					overflow-wrap: break-word;
					font-size: 0;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: left;
					line-height: 36rpx;

					.paragraph_11 {
						width: 453rpx;
						height: 145rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 36rpx;
					}

					.paragraph_12 {
						width: 453rpx;
						height: 145rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}

					.text_10 {
						width: 453rpx;
						height: 145rpx;
						overflow-wrap: break-word;
						color: rgba(223, 169, 22, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}
				}
			}

			.image_11 {
				width: 634rpx;
				height: 3rpx;
				margin: 31rpx 0 0 40rpx;
			}

			.section_8 {
				width: 578rpx;
				height: 112rpx;
				margin: 52rpx 0 0 58rpx;

				.icon_8 {
					width: 81rpx;
					height: 81rpx;
				}

				.text-wrapper_9 {
					width: 464rpx;
					height: 108rpx;
					overflow-wrap: break-word;
					font-size: 0;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: left;
					line-height: 36rpx;
					margin-top: 4rpx;

					.paragraph_13 {
						width: 464rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 36rpx;
					}

					.paragraph_14 {
						width: 464rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 185, 154, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}

					.text_11 {
						width: 464rpx;
						height: 108rpx;
						overflow-wrap: break-word;
						color: rgba(223, 169, 22, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						line-height: 45rpx;
					}
				}
			}

			.image_12 {
				width: 634rpx;
				height: 3rpx;
				margin: 29rpx 0 0 40rpx;
			}

			.button_1 {
				box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
				background-image: linear-gradient(90deg,
						rgba(219, 178, 146, 1) 0,
						rgba(219, 178, 146, 1) 0,
						rgba(248, 223, 196, 1) 100%,
						rgba(248, 223, 196, 1) 100%);
				border-radius: 10px;
				height: 85rpx;
				width: 580rpx;
				margin: 71rpx 0 0 52rpx;

				.text_12 {
					width: 268rpx;
					height: 29rpx;
					overflow-wrap: break-word;
					color: rgba(135, 89, 64, 1);
					font-size: 30rpx;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: left;
					white-space: nowrap;
					line-height: 60rpx;
				}

				.icon_9 {
					width: 17rpx;
					height: 17rpx;
					overflow-wrap: break-word;
					color: rgba(135, 89, 64, 1);
					font-size: 20rpx;
					font-family: Adobe Heiti Std R;
					font-weight: normal;
					text-align: left;
					white-space: nowrap;
					line-height: 60rpx;
				}
			}

			.text_13 {
				width: 604rpx;
				height: 23rpx;
				overflow-wrap: break-word;
				color: rgba(145, 138, 135, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Medium;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
				line-height: 36rpx;
				margin: 42rpx 0 41rpx 49rpx;
				padding-bottom: 40rpx;
			}
		}

		.tabs_1 {
			background-color: rgba(51, 51, 51, 1);
			border-radius: 34px;
			width: 460rpx;
			height: 69rpx;
			margin: 0 auto;
			display: flex;
			align-items: center;
			margin-top: -40rpx;
			overflow: hidden;



			.text_14 {
				width: 50%;
				overflow-wrap: break-word;
				color: rgba(255, 255, 255, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Heavy;
				font-weight: 900;
				text-align: center;
				white-space: nowrap;
			}

			.text_15 {
				width: 50%;
				overflow-wrap: break-word;
				color: rgba(255, 255, 255, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Heavy;
				font-weight: 900;
				text-align: center;
				white-space: nowrap;
			}
			.tab-left-active {
				width: 65%;
				background-color: #FFD12F;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%)
			}
			.tab-right-active {
				width: 65%;
				background-color: #FFD12F;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%)
			}
		}

		.block_2 {
			width: 100%;
			height: 313rpx;
			padding-top: 10rpx;
			background: url('../../static/images/vipcard/2.png')100% no-repeat;
			background-size: 100% 100%;
			margin-top: 20rpx;

			.text-wrapper_1 {
				width: 621rpx;
				height: 31rpx;
				margin: 40rpx 0 0 42rpx;
				display: flex;
				justify-content: space-between;

				.text_1 {
					width: 161rpx;
					height: 31rpx;
					overflow-wrap: break-word;
					color: rgba(51, 51, 51, 1);
					font-size: 32rpx;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: center;
					white-space: nowrap;
					line-height: 17rpx;
				}

				.text_2 {
					width: 90rpx;
					height: 25rpx;
					overflow-wrap: break-word;
					color: #7D6B4F;
					font-size: 22rpx;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: center;
					white-space: nowrap;
					line-height: 17rpx;
				}
			}

			.box_2 {
				position: relative;
				text-align: center;
				display: flex;
				width: 641rpx;
				height: 138rpx;
				margin: 44rpx 0 60rpx 42rpx;

				.image-text_1 {
					width: 85rpx;
					height: 134rpx;
					margin-top: 2rpx;

					.image-wrapper_1 {
						height: 85rpx;
						background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/27e97aea24723280e190127f74bf300b) 100% no-repeat;
						background-size: 100% 100%;
						width: 85rpx;

						.image_1 {
							width: 85rpx;
							height: 85rpx;
						}
					}

					.text-group_1 {
						width: 48rpx;
						height: 39rpx;
						overflow-wrap: break-word;
						color: rgba(135, 89, 64, 1);
						font-size: 20rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: center;
						white-space: nowrap;
						line-height: 26rpx;
					}
				}

				.paragraph_1 {
					width: 48rpx;
					height: 39rpx;
					overflow-wrap: break-word;
					color: rgba(135, 89, 64, 1);
					font-size: 20rpx;
					font-family: PingFangSC-Heavy;
					font-weight: 900;
					text-align: center;
					white-space: nowrap;
					line-height: 26rpx;
					margin: 97rpx 0 0 9rpx;
				}

				.image-text_2 {
					width: 85rpx;
					height: 134rpx;
					margin: 2rpx 0 0 333rpx;

					.group_1 {
						background-color: rgba(15, 6, 8, 1);
						border-radius: 50%;
						width: 85rpx;
						height: 85rpx;
					}

					.text-group_2 {
						width: 48rpx;
						height: 38rpx;
						overflow-wrap: break-word;
						color: rgba(135, 89, 64, 1);
						font-size: 20rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: center;
						white-space: nowrap;
						line-height: 26rpx;
						margin: 11rpx 0 0 21rpx;
					}
				}

				.image-text_3 {
					width: 85rpx;
					height: 135rpx;
					margin: 2rpx 0 0 -4rpx;

					.box_3 {
						background-color: rgba(15, 6, 8, 1);
						border-radius: 50%;
						width: 85rpx;
						height: 85rpx;
					}

					.text-group_3 {
						width: 48rpx;
						height: 39rpx;
						overflow-wrap: break-word;
						color: rgba(135, 89, 64, 1);
						font-size: 20rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: center;
						white-space: nowrap;
						line-height: 26rpx;
						margin: 11rpx 0 0 18rpx;
					}
				}

				.image-text_4 {
					position: absolute;
					left: 156rpx;
					top: 0;
					width: 85rpx;
					height: 137rpx;

					.image_2 {
						width: 85rpx;
						height: 86rpx;
					}

					.text-group_4 {
						width: 49rpx;
						height: 39rpx;
						overflow-wrap: break-word;
						color: rgba(135, 89, 64, 1);
						font-size: 20rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: center;
						white-space: nowrap;
						line-height: 26rpx;
						margin: 12rpx 0 0 19rpx;
					}
				}

				.image-text_5 {
					position: absolute;
					left: 235rpx;
					top: 2rpx;
					width: 85rpx;
					height: 135rpx;

					.image_3 {
						width: 85rpx;
						height: 85rpx;
					}

					.text-group_5 {
						width: 48rpx;
						height: 39rpx;
						overflow-wrap: break-word;
						color: rgba(135, 89, 64, 1);
						font-size: 20rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: center;
						white-space: nowrap;
						line-height: 26rpx;
						margin: 11rpx 0 0 21rpx;
					}
				}

				.image-text_6 {
					position: absolute;
					left: 315rpx;
					top: 2rpx;
					width: 85rpx;
					height: 135rpx;

					.group_2 {
						background-color: rgba(15, 6, 8, 1);
						border-radius: 50%;
						width: 85rpx;
						height: 85rpx;
					}

					.text-group_6 {
						width: 48rpx;
						height: 39rpx;
						overflow-wrap: break-word;
						color: rgba(135, 89, 64, 1);
						font-size: 20rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: center;
						white-space: nowrap;
						line-height: 26rpx;
						margin: 11rpx 0 0 21rpx;
					}
				}

				.image-text_7 {
					position: absolute;
					left: 395rpx;
					top: 2rpx;
					width: 85rpx;
					height: 136rpx;

					.block_3 {
						background-color: rgba(15, 6, 8, 1);
						border-radius: 50%;
						width: 85rpx;
						height: 85rpx;
					}

					.text-group_7 {
						width: 48rpx;
						height: 39rpx;
						overflow-wrap: break-word;
						color: rgba(135, 89, 64, 1);
						font-size: 20rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: center;
						white-space: nowrap;
						line-height: 26rpx;
						margin: 12rpx 0 0 18rpx;
					}
				}
			}
		}

		.section_11 {
			width: 719rpx;
			height: 310rpx;
			background: url('../../static/images/vipcard/1.png')100% no-repeat;
			background-size: 100% 100%;
			position: relative;
			margin-top: 60rpx;

			.text-wrapper_14 {
				width: 357rpx;
				height: 100rpx;
				overflow-wrap: break-word;
				font-size: 0;
				font-family: SourceHanSansCN-Bold;
				font-weight: 700;
				text-align: right;
				padding-top: 40rpx;
				font-style: italic;

				.text_28 {
					width: 357rpx;
					height: 100rpx;
					overflow-wrap: break-word;
					color: rgba(22, 15, 15, 1);
					font-size: 34rpx;
					font-family: SourceHanSansCN-Bold;
					font-weight: 700;
					text-align: left;
					line-height: 60rpx;
				}

				.text_29 {
					width: 357rpx;
					height: 100rpx;
					overflow-wrap: break-word;
					color: rgba(255, 130, 40, 1);
					font-size: 48rpx;
					font-family: SourceHanSansCN-Bold;
					font-weight: 700;
					text-align: left;
					line-height: 60rpx;
				}

				.text_30 {
					width: 357rpx;
					height: 100rpx;
					overflow-wrap: break-word;
					color: rgba(255, 255, 255, 1);
					font-size: 48rpx;
					font-family: SourceHanSansCN-Bold;
					font-weight: 700;
					text-align: left;
					line-height: 60rpx;
				}

				.paragraph_15 {
					width: 357rpx;
					height: 100rpx;
					overflow-wrap: break-word;
					color: rgba(22, 15, 15, 1);
					font-size: 34rpx;
					font-family: SourceHanSansCN-Bold;
					font-weight: 700;
					text-align: left;
					line-height: 60rpx;
				}

				.text_31 {
					width: 357rpx;
					height: 100rpx;
					overflow-wrap: break-word;
					color: rgba(255, 130, 40, 1);
					font-size: 48rpx;
					font-family: SourceHanSansCN-Bold;
					font-weight: 700;
					text-align: left;
					line-height: 60rpx;
				}

				.text_32 {
					width: 357rpx;
					height: 100rpx;
					overflow-wrap: break-word;
					color: rgba(22, 15, 15, 1);
					font-size: 34rpx;
					font-family: SourceHanSansCN-Bold;
					font-weight: 700;
					text-align: left;
					line-height: 60rpx;
				}
			}

			.image_17 {
				width: 59rpx;
				height: 57rpx;
				margin: -43rpx 0 0 144rpx;
			}

			.section_12 {
				font-style: italic;
				background-color: rgba(240, 175, 79, 1);
				border-radius: 20px;
				height: 51rpx;
				width: 485rpx;
				margin: 55rpx 0 21rpx 77rpx;

				.text-wrapper_15 {
					width: 405rpx;
					height: 38rpx;
					overflow-wrap: break-word;
					font-size: 0;
					font-family: SourceHanSansCN-Bold;
					font-weight: 700;
					text-align: left;
					white-space: nowrap;
					line-height: 33rpx;
					margin: 4rpx 0 0 60rpx;

					.text_33 {
						width: 405rpx;
						height: 38rpx;
						overflow-wrap: break-word;
						color: rgba(0, 0, 0, 1);
						font-size: 33rpx;
						font-family: SourceHanSansCN-Bold;
						font-weight: 700;
						text-align: left;
						white-space: nowrap;
						line-height: 33rpx;
					}

					.text_34 {
						width: 405rpx;
						height: 38rpx;
						overflow-wrap: break-word;
						color: rgba(0, 0, 0, 1);
						font-size: 45rpx;
						font-family: SourceHanSansCN-Bold;
						font-weight: 700;
						text-align: left;
						white-space: nowrap;
						line-height: 45rpx;
					}

					.text_35 {
						width: 405rpx;
						height: 38rpx;
						overflow-wrap: break-word;
						color: rgba(0, 0, 0, 1);
						font-size: 33rpx;
						font-family: SourceHanSansCN-Bold;
						font-weight: 700;
						text-align: left;
						white-space: nowrap;
						line-height: 33rpx;
					}
				}
			}

			.image_18 {
				position: absolute;
				left: 33rpx;
				top: 184rpx;
				width: 87rpx;
				height: 93rpx;
			}
		}

		.section_9 {
			height: 217rpx;
			background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/ce188366aacfff83e909db0ea885221e) 100% no-repeat;
			background-size: 100% 100%;
			width: 100%;
			padding-top: 4rpx;

			.box_4 {
				width: 341rpx;
				height: 80rpx;
				display: flex;
				margin: 15rpx 0 0 27rpx;

				.single-avatar_1 {
					width: 78rpx;
					height: 78rpx;
					margin-top: 2rpx;
				}

				.block_6 {
					width: 233rpx;
					height: 68rpx;
					margin-left: 30rpx;

					.section_10 {
						width: 233rpx;
						height: 35rpx;
						display: flex;

						.text_17 {
							width: 95rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(255, 229, 180, 1);
							font-size: 24rpx;
							font-family: PingFangSC-Heavy;
							font-weight: 900;
							text-align: left;
							white-space: nowrap;
							line-height: 24rpx;
							margin-top: 11rpx;
						}

						.tag_1 {
							height: 35rpx;
							background: url('../../static/icon/vip1.png')100% no-repeat;
							background-size: 100% 100%;
							margin-left: 10rpx;
							width: 126rpx;

							.text_18 {
								width: 73rpx;
								height: 17rpx;
								overflow-wrap: break-word;
								color: rgba(108, 42, 9, 1);
								font-size: 18rpx;
								font-family: PingFangSC-Heavy;
								font-weight: 900;
								text-align: left;
								white-space: nowrap;
								margin: 14rpx 0 0 45rpx;
							}
						}
					}

					.text_19 {
						width: 199rpx;
						height: 20rpx;
						overflow-wrap: break-word;
						color: rgba(194, 194, 194, 1);
						font-size: 20rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 20rpx;
						margin: 13rpx 0 0 1rpx;
					}
				}
			}

			.box_5 {
				width: 649rpx;
				height: 62rpx;
				margin: 27rpx 0 33rpx 23rpx;
				display: flex;

				.text-wrapper_10 {
					width: 107rpx;
					height: 57rpx;
					margin-top: 3rpx;

					.text_20 {
						background-image: linear-gradient(180deg,
								rgba(217, 187, 150, 1) 0,
								rgba(217, 187, 150, 0.980392) 0,
								rgba(237, 213, 182, 1) 41.28418%,
								rgba(226, 198, 164, 1) 100%,
								rgba(226, 198, 164, 1) 100%);
						width: 24rpx;
						height: 17rpx;
						overflow-wrap: break-word;
						color: rgba(30, 28, 27, 1);
						font-size: 21rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
						margin-left: 41rpx;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					.text_21 {
						background-image: linear-gradient(180deg,
								rgba(217, 187, 150, 1) 0,
								rgba(217, 187, 150, 0.980392) 0,
								rgba(237, 213, 182, 1) 41.28418%,
								rgba(226, 198, 164, 1) 100%,
								rgba(226, 198, 164, 1) 100%);
						width: 107rpx;
						height: 21rpx;
						overflow-wrap: break-word;
						color: rgba(30, 28, 27, 1);
						font-size: 21rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
						margin-top: 19rpx;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
				}

				.image_14 {
					width: 2rpx;
					height: 62rpx;
					margin-left: 25rpx;
				}

				.text-wrapper_11 {
					width: 130rpx;
					height: 57rpx;
					margin: 3rpx 0 0 13rpx;

					.text_22 {
						background-image: linear-gradient(180deg,
								rgba(217, 187, 150, 1) 0,
								rgba(217, 187, 150, 0.980392) 0,
								rgba(237, 213, 182, 1) 41.28418%,
								rgba(226, 198, 164, 1) 100%,
								rgba(226, 198, 164, 1) 100%);
						width: 25rpx;
						height: 17rpx;
						overflow-wrap: break-word;
						color: rgba(30, 28, 27, 1);
						font-size: 21rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
						margin-left: 55rpx;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					.text_23 {
						background-image: linear-gradient(180deg,
								rgba(217, 187, 150, 1) 0,
								rgba(217, 187, 150, 0.980392) 0,
								rgba(237, 213, 182, 1) 41.28418%,
								rgba(226, 198, 164, 1) 100%,
								rgba(226, 198, 164, 1) 100%);
						width: 130rpx;
						height: 21rpx;
						overflow-wrap: break-word;
						color: rgba(30, 28, 27, 1);
						font-size: 21rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
						margin-top: 19rpx;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
				}

				.image_15 {
					width: 2rpx;
					height: 62rpx;
					margin-left: 12rpx;
				}

				.text-wrapper_12 {
					width: 129rpx;
					height: 57rpx;
					margin: 3rpx 0 0 15rpx;

					.text_24 {
						background-image: linear-gradient(180deg,
								rgba(217, 187, 150, 1) 0,
								rgba(217, 187, 150, 0.980392) 0,
								rgba(237, 213, 182, 1) 41.28418%,
								rgba(226, 198, 164, 1) 100%,
								rgba(226, 198, 164, 1) 100%);
						width: 24rpx;
						height: 17rpx;
						overflow-wrap: break-word;
						color: rgba(30, 28, 27, 1);
						font-size: 21rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
						margin-left: 49rpx;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					.text_25 {
						background-image: linear-gradient(180deg,
								rgba(217, 187, 150, 1) 0,
								rgba(217, 187, 150, 0.980392) 0,
								rgba(237, 213, 182, 1) 41.28418%,
								rgba(226, 198, 164, 1) 100%,
								rgba(226, 198, 164, 1) 100%);
						width: 129rpx;
						height: 21rpx;
						overflow-wrap: break-word;
						color: rgba(30, 28, 27, 1);
						font-size: 21rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
						margin-top: 19rpx;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
				}

				.image_16 {
					width: 2rpx;
					height: 62rpx;
					margin-left: 14rpx;
				}

				.text-wrapper_13 {
					width: 181rpx;
					height: 57rpx;
					margin: 3rpx 0 0 17rpx;

					.text_26 {
						background-image: linear-gradient(180deg,
								rgba(217, 187, 150, 1) 0,
								rgba(217, 187, 150, 0.980392) 0,
								rgba(237, 213, 182, 1) 41.28418%,
								rgba(226, 198, 164, 1) 100%,
								rgba(226, 198, 164, 1) 100%);
						width: 12rpx;
						height: 17rpx;
						overflow-wrap: break-word;
						color: rgba(30, 28, 27, 1);
						font-size: 21rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
						margin-left: 78rpx;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					.text_27 {
						background-image: linear-gradient(180deg,
								rgba(217, 187, 150, 1) 0,
								rgba(217, 187, 150, 0.980392) 0,
								rgba(237, 213, 182, 1) 41.28418%,
								rgba(226, 198, 164, 1) 100%,
								rgba(226, 198, 164, 1) 100%);
						width: 181rpx;
						height: 21rpx;
						overflow-wrap: break-word;
						color: rgba(30, 28, 27, 1);
						font-size: 21rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
						margin-top: 19rpx;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
				}
			}
		}
	}
</style>